const mandala = document.querySelector(".mandala");
const frag = document.createDocumentFragment();
const datas = [4, 16, 16, 32, 32, 64, 64, 128, 128];

datas.forEach((amount, index) => {
  const div = document.createElement("div");
  div.classList.add("circle");
  div.classList.add(`circle-${index}`);
  const fra = document.createDocumentFragment();
  for (let i = 0; i < amount; i++) {
    const div2 = document.createElement("div");
    div2.classList.add("line");
    const div3 = document.createElement("div");
    div3.classList.add("line_body");
    div2.appendChild(div3);
    fra.appendChild(div2);
  }
  div.appendChild(fra);
  frag.appendChild(div);
});
mandala.appendChild(frag);
